/**
  ************************************************************************
  智旅100旅游管理系统 版权归智旅100（zhilv100.com）所有，凡是复制抄袭本站css代码、js代码、图标、图片者都会死全家，非常灵验。
  ************************************************************************
  版权声明：凡是复制抄袭本站css代码、js代码、图标、图片者在三日内必出车祸死于非命，五日内
  其父母必得绝症不治身亡，七日内老婆、后代（儿子或女儿）将意外身亡，总之全家都不得好死。
  ************************************************************************
  版权声明：修改删除此注释者，其父母、老婆、后代（儿子或女儿）不出三日必然意外身亡，非常灵验，不信就试试。
  ************************************************************************
  郑重警告：凡是复制抄袭本站css代码、js代码、图标、图片者其父母、老婆、后代（儿子或女儿）不出三日必然意外身亡，不信就试试。
  ************************************************************************ 
 */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,button,legend,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,section {margin: 0; padding: 0; border: 0;}
body{background:#FFFFFF; color:#2a2a2a; font-family: "microsoft yahei","SimHei",Arial,sans-serif; font-size: 14px; line-height:1.5; text-align: left;}
table,tbody,tfoot,thead,tr,th,td{margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: 500}
i,em{font-style:normal;}
u{text-decoration:none;}
ul,ol,li{list-style-type:none; list-style:none; margin:0; padding:0; border:0;}
a,img{border:0; outline:none;}
a{color:#333; text-decoration:none;}
a:hover,a:active{text-decoration:none; color:#E4392A;}
a:focus { outline:none; -moz-outline:none;}
*:focus {outline: none;}
input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit}
.clearfix:after{content:'.'; display:block; clear:both; line-height:0; height:0; visibility:hidden}
/*公共颜色*/
.c-f00{color: #F00;}
.c-f20{color: #F20;}
.c-ff0{color: #FF0;}
.c-fff{color: #FFF;}
.c-f60{color: #F60;}
.c-555{color: #555;}
.c-777{color: #777;}
.c-888{color: #888;}
.c-754{color: #754;}
.c-888{color: #848484;}
.c-999{color: #999;}
.c-fbf{color: #f8e4d5;}
.c-5F7{color: #5F7ED5;}
.c-ff0{color: #FFFF00;}
.c-da0{color: #DA0065;}
.c-05c{color: #0055CC;}
.c-085{color: #008857;}
.c-390{color: #008857;}
.c-01B{color: #01BB6E;}
.c-lan{color: #06D;}
.c-309{color: #309900;}
/*公共字体*/
.f-w-1{font-weight: 100;}
.f-w-7{font-weight: 700;}

.f-12{font-size: 12px !important;}
.f-14{font-size: 14px !important;}
.f-16{font-size: 16px !important;}
.f-18{font-size: 18px !important;}
.f-20{font-size: 20px !important;}
.f-22{font-size: 22px !important;}
.f-24{font-size: 24px !important;}
.f-26{font-size: 26px !important;}
.f-28{font-size: 28px !important;}
.f-30{font-size: 30px !important;}
.f-32{font-size: 32px !important;}
.f-34{font-size: 34px !important;}
.f-36{font-size: 36px !important;}
.f-38{font-size: 38px !important;}
.f-40{font-size: 40px !important;}
/*浮动*/
.float-lt{float: left;}
.float-rt{float: right;}

/*margin*/
.mg-l-r-3{margin: 0 3px;}
.mg-l-r-5{margin: 0 5px;}
.mg-l-r-10{margin: 0 10px;}
.mg-t-15{margin-top: 15px;}
.mg-t-20{margin-top: 20px;}
/*顶部*/
.topBox{width: 100%; height: 30px; border-bottom: 1px solid #e1e1e1; background: #ededed;}
.top{width: 1200px; height: 30px; font: 100 12px/30px "Microsoft YaHei",Arial,"宋体"; margin: 0 auto;}
.top .welcome{float: left; height: 30px;}
.top .welcome i{display: inline-block; float: left; width: 15px; height: 15px; margin: 7px 0; background: url(../images/all.png) no-repeat -1px -1px; text-indent: -9999px;}
.top .welcome span{ display: block; float: left;color: #666; margin: 0 20px 0 5px;}
.top .welcome a{text-decoration:none; color: #f40; }

.top .login{float: right; height: 14px; padding: 8px 0; font: 100 12px/14px "Microsoft YaHei",Arial,"宋体"; color: #999; overflow:hidden;}
.top .login a{display: inline-block; height: 14px; border-right: 1px solid #CCC; padding: 0 10px;}

/*页头*/
.headerBox{width: 100%; height: 70px; padding: 15px 0;}
.header{width: 1200px; height: 70px; margin: 0 auto; position: relative;}

.logo{width: 320px; height: 70px; float: left; background: url(../../../Alls/images/logo.png) no-repeat;}
.logo a{display: block; width: 320px; height: 70px; text-indent: -9999px;}

/*搜索*/
.search{width: 450px; height: 42px; position: absolute; top: 14px; left: 50%; margin-left: -225px;}
/*输入框*/
.search .s_input{width: 346px; height: 38px; line-height: 38px; font-size: 14px; float: left; border: 2px solid #FF7800; padding: 0 7px; color: #777; position: relative; border-radius: 2px 0 0 2px;}
.search .s_input .ipt{display: inline-block; width: 300px; height: 38px; line-height: 38px; font-size: 14px; color: #555; background: none; border: 0; margin: 0; padding: 0;}
.search .s_input .load{display: none; width: 22px; height: 22px; background: url(../images/loading_f.gif) no-repeat center center; position: absolute; right: 10px; top: 8px;}
/*搜索下拉*/
.search .s_input .search_select{width: 342px; padding: 0 10px; background: #FFF; border: 1px solid #CCC; position: absolute; left: -3px; top: 42px; z-index: 9999;}
.search .s_input .search_select li{display: block; height: 20px; padding:10px 0; border-bottom: 1px dotted #E5E5E5; margin-top: -1px; font: 100 14px/20px "microsoft yahei","SimHei",Arial,sans-serif;}
/*提交按钮*/
.search .btn{display: inline-block; width: 84px; height: 42px; line-height: 42px; float: left; background: #FF7800; color: #FFF; font-size: 18px; border-radius: 0 2px 2px 0;}

/*call*/
.call{height: 50px; float: right; margin: 10px 0; overflow: hidden;}
.call a.onlinekefu{display: block; width: 100px; height: 50px; float: left; background: url(../images/onlinekefu.png) no-repeat; text-indent: -9999px;}
.call .pic{float: left; width: 50px; height: 50px; background: url(../images/tel.gif) no-repeat; text-indent: -9999px;}
.call .con{float: left; height: 50px; padding-left: 10px;}
.call .con p.callTime{height: 20px; font: 100 12px/20px "microsoft yahei","SimHei",Arial,sans-serif; color:#777;}
.call .con p.callTel{height: 30px; font:700 27px/30px Arial, "宋体"; color: #F60;}

/*官微*/
.guanwei{height: 46px; line-height: 46px; float: right; margin: 12px 20px 12px 0; position: relative; z-index: 88;}
.guanwei i{display: inline-block; height: 46px; font-size: 28px; float: left; color: #390;}
.guanwei a{display: inline-block; height: 46px; margin-left: 5px; color: #777; font-size: 16px;}

.guanwei_on{display: none; position: absolute; width: 145px; top: 46px; left: 50%; margin-left: -72px; padding: 10px 10px 0px; background: #FFF;  box-shadow: 1px 2px 6px rgba(0,0,0,0.5);}
.guanwei_on img{display: block; width: 145px;}
.guanwei_on p{height: 25px; line-height: 25px; padding: 10px 0; text-align: center; position: relative;}
.guanwei_on p .guanwei_closed{display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #CCC; border-radius: 50%; position: absolute; right: -21px; bottom: -8px; font-size: 14px; color: #000; background: #FFF; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s;}
.guanwei_on p .guanwei_closed:hover{-webkit-transform: rotate(360deg); transform: rotate(360deg);}

/**导航**/
.navBox{width: 100%; height: 46px; background: #0184F0;}
.nav{width: 1200px; height: 46px; margin: 0 auto;}


/*目的地导航开始*/
.navMain{width: 220px; height: 46px; float: left; background: #4F93ED; cursor: pointer; position: relative; z-index: 888; box-shadow: 1px 0px 1px rgba(0,0,0,.2);}
/*导航一体部分*/
.navMain .navHeader{width: 220px; height: 46px; position: relative;}
.navMain .navHeader span{display: inline-block; float: left; margin-left: 58px; font-size: 16px; line-height: 46px; color: #fff; font-weight: 700;}
.navMain .navHeader em.arrow{display: inline-block; float: left; width: 17px; height: 11px; background: url(../images/all.png) no-repeat -1px -24px; margin: 20px 0 0 20px; text-indent: -9999px; transition: All 0.5s ease-in-out; -webkit-transition: All 0.5s ease-in-out; overflow: hidden;}
.navHeader em.sfhover{transform: rotate(-180deg); -webkit-transform: rotate(-180deg);}

/*目的地导航*/
.navContent{width: 220px; position: absolute; left: 0; top: 46px; display: none;}
#index .navContent{display: block;}

.navZone{width: 218px; height: auto; float: left; zoom: 1; background: #FFF; box-shadow: 0 -1px 6px rgba(0,0,0,0.2); border: 1px solid #e6e6e6; border-top: 0; overflow: visible; }
.navZone li{width: 185px; height: 63px; float: left; padding: 0 12px; border: 3px solid #FFF; border-left: 6px solid #FFF; position: relative;}
.navZone li.hover{border-color: #0184F0;}
.navZone li a:hover{text-decoration: none; color: #F60;}

/*推荐部分*/
.navTit{height: 63px; overflow: hidden;}

.navTit .shaBox{height: 30px; line-height: 30px; padding-top: 2px; overflow: hidden;}
.navTit .shaBox i{display: inline-block; float: left; font-size: 24px; color: #06f;}
.navTit .shaBox a{display: inline-block; font-size: 15px; float: left; margin-left: 8px; color: #06f;}

.navTit .xiaBox{height: 25px; line-height: 25px; text-align: left; padding: 0 0 5px; border-bottom: 1px solid #E5E5E5; font-size: 12px; overflow: hidden;}
.navTit .xiaBox a{display: inline-block; width: 60px; height: 30px; float: left; color: #777; overflow: hidden;}

.navTit .noborder{border: 0;}
/*箭头 遮挡*/
.navTit em.arrow{display: block; width: 6px; height: 9px; background: url(../images/all.png) no-repeat -293px -219px; position: absolute; right: 12px; top: 15px; text-indent: -9999px; z-index: 999;}
.navZone li.hover .navTit em.arrow{width: 10px; height: 63px; background: #FFF; right: -10px; top: 0;}

/*列表部分*/
.navList{display: none; width: 914px; min-height:457px; padding: 20px 30px 0; background: #FFF; border: 3px solid #0184F0; position: absolute; overflow: hidden;}
.navZone li.hover .navList{display: block;}
.navZone li.hover .A-1{left: 212px; top: -3px;}
.navZone li.hover .A-2{left: 212px; top: -72px;}
.navZone li.hover .A-3{left: 212px; top: -141px;}
.navZone li.hover .A-4{left: 212px; top: -210px;}
.navZone li.hover .A-5{left: 212px; top: -279px;}
.navZone li.hover .A-6{left: 212px; top: -348px;}
.navZone li.hover .A-7{left: 212px; top: -417px;}
/*目的地容器父，用于左中右布局*/

/*目的地容器*/
.navList .navMdd{width: 442px; height: auto; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #A2A2A2;  overflow: hidden;}

.navList .navMdd h5{width: 80px; height: 26px; margin: 2px 0; float: left; overflow: hidden;}
.navList .navMdd h5 a{display: block; width: 74px; padding: 0 3px; height: 26px; line-height: 26px; background: #F90; color: #FFF; text-align: center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; border-radius: 3px;}
.navList .navMdd h5 a:hover{text-decoration: none; background: #F40;}

.navList .navMdd p{display: block; width: 362px; height: auto; float: left; overflow: hidden;}
.navList .navMdd p a{display: inline-block; width: 80px; height: 30px; line-height: 30px; float: left; text-align: center; margin-left: 5px; padding-right: 5px; position: relative; overflow: hidden;}
.navList .navMdd p a:after{display: block; content: "\200B"; width: 1px; height: 12px; background: #CCC; position: absolute; right: 0; top: 9px;}
.navList .navMdd p a:hover{color: #F00;}
.navList .navMdd p a.is_red{color: #F20;}
/*主导航部分*/
.menu{height: 46px; float: left; overflow: hidden}
.menu li{width: 100px; height: 46px; float: left; font: 100 16px/46px "microsoft yahei","SimHei",Arial,sans-serif; text-align: center;}
.menu li.current{background: #09A6F2;}
.menu li a{display: block; width: 100px; height: 46px; color: #FFF;}
.menu li a:hover{background: #09A6F2;}
.menu li.outlink{background: #F90; position: relative;}
.menu li:last-child:after{display: block; content: '\200B'; width: 1px; height: 26px; background: #f1f1f1; position: absolute; top: 10px; left: -5px;}
/*下拉菜单*/
.hideMenu{visibility:hidden; height: auto; background: #FFF; box-shadow: 1px 2px 6px rgba(0,0,0,0.5); position: absolute; top: 46px; left: 0; overflow: hidden;}
.menu li.li_hover div.hideMenu{visibility: visible;}
.menu li div.hideMenu a{display: block; width: 100%; height: 30px; line-height: 30px; padding: 15px 0; border-top: 1px solid #A2A2A2; margin-top: -1px; font-size: 16px; color: #333;}
.menu li div.hideMenu a:hover{color: #FFF;}


/*占位*/
.zhanwei{width: 100%; height: 30px; overflow: hidden;}

/*页脚*/
.footer{width: 100%; min-width: 1200px; background: #F5F5F5; border-top: 3px solid #A2A2A2; margin-top: 30px; overflow: hidden;}
/*上*/
.footer .footer_sha{width: 100%; height: auto; background: #F5F7FA; border-bottom: 1px solid #E5E5E5; padding: 30px 0; overflow: hidden;}
.footer .footer_sha .footer_sha_on{width: 1200px; height: 54px; margin: 0 auto; overflow: hidden;}
.footer .footer_sha .footer_sha_on .footer_sha_on_this{width: 1306px; height: auto; margin-left: -106px; overflow: hidden;}
.footer .footer_sha .footer_sha_on .footer_sha_on_this li{width: 220px; height: 54px; float: left; margin-left: 106px; position: relative;}
.footer .footer_sha .footer_sha_on .footer_sha_on_this li i{display: inline-block; float: left; width: 50px; height: 50px; line-height: 50px; border: 2px solid #00CCFF; border-radius: 50%; font-size: 32px; text-align: center; color: #00CCFF;}
.footer .footer_sha .footer_sha_on .footer_sha_on_this li div.con{height: 44px; margin: 5px 0 5px 20px; float: left; overflow: hidden;}
.footer .footer_sha .footer_sha_on .footer_sha_on_this li div.con strong{display: block; height: 24px; line-height: 24px; font-size: 16px; font-weight: 500; color: #000;}
.footer .footer_sha .footer_sha_on .footer_sha_on_this li div.con p{height: 20px; line-height: 20px; font-size: 14px; color: #777;}

/*中*/
.footer .footer_zho{width: 1200px; height: auto; padding: 30px 0; margin: 0 auto; border-bottom: 1px dotted #666; overflow: hidden;}
.footer .footer_zho .footer_zho_on{width: 1230px; height: auto; margin-left: -30px;}
.footer .footer_zho .footer_zho_on li{width: 145px; height: auto; float: left; padding: 0 30px; color: #FFF; position: relative; overflow: hidden;}
.footer .footer_zho .footer_zho_on li:after{display: block; content: ""; width: 0px; height: 100%; min-height: 175px; border-left: 1px dotted #666; position: absolute; left: 0; top: 0;}
/*中 文字*/
.footer .footer_zho .footer_zho_on li div.text{width: 145px; height: auto; text-align: center; overflow: hidden;}
.footer .footer_zho .footer_zho_on li div.text strong{display: block; height: 35px; line-height: 35px; font-size: 14px; color: #000;}
.footer .footer_zho .footer_zho_on li div.text a{display: block; height: 30px; line-height: 30px; font-size: 14px; color: #777;}
/*中 二维码*/
.footer .footer_zho .footer_zho_on li div.erweima{width: 145px; height: 145px; border-radius: 5px; text-align: center; overflow: hidden;}
.footer .footer_zho .footer_zho_on li div.erweima img{display: block; width: 145px; height: 145px;}
/*中 电话*/
.footer .footer_zho .footer_zho_on li div.contact{width: 145px; height: 145px; background: #999; border-radius: 5px; text-align: center; overflow: hidden;}
.footer .footer_zho .footer_zho_on li div.contact i{display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 50%; background: #00CCFF; color: #FFF; font-size: 45px; margin: 15px auto;}
.footer .footer_zho .footer_zho_on li div.contact p{height: 20px; line-height: 20px; font-size: 17px; margin-top: 8px;}

/*下*/
.footer .footer_xia{width: 1200px; height: auto; padding: 20px 0; margin: 0 auto; overflow: hidden;}
.footer .footer_xia .footer_xia_lt{width: 70px; height: 70px; float: left;}
.footer .footer_xia .footer_xia_lt a{display: block; width: 70px; height: 70px; border-radius: 50%; background: #00CCFF; text-align: center; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; }
.footer .footer_xia .footer_xia_lt a i{display: block; width: 70px; height: 70px; line-height: 62px; font-size: 50px; color: #FFF;}
.footer .footer_xia .footer_xia_lt a:hover{transform: rotate(360deg); -webkit-transform: rotate(360deg);}

/*下中*/
.footer .footer_xia .footer_xia_in{width: 930px; height: 70px; float: left; margin-left: 20px; padding-left: 20px; border-left: 1px dotted #666;}
.footer .footer_xia .footer_xia_in p{height: 35px; line-height: 35px; color: #999;}
.footer .footer_xia .footer_xia_in p span,.footer .footer_xia .footer_xia_in p a{color: #999; margin-right: 10px;}

.footer .footer_xia .footer_xia_rt{width: 158px; height: 70px; float: right;}
.footer .footer_xia .footer_xia_rt a{display: block; width: 156px; height: 20px; margin-top: 10px; border: 1px solid #E5E5E5; border-radius: 5px; overflow: hidden; background: #FFF;}
/*友情链接*/
.footer .links{width: 1200px; height: auto; margin: 0 auto; padding: 15px 0; border-top: 1px dotted #666;}
.footer .links li{width: 120px; height: 30px; float: left; color: #656565; font-size: 12px; overflow: hidden;}
.footer .links li a{color: #656565;}
/*辅助*/
.footer .footer_zho .footer_zho_on li div.aux{height: 30px; line-height: 30px; font-size: 15px; text-align: center; color: #959595; margin-top: 10px;}

/*面包屑*/
.crumbs{width: 1200px; height: 20px; margin: 0 auto; padding-top: 20px; font: 100 12px/20px "宋体","SimHei",Arial,sans-serif; color: #777;}
.crumbs span,.crumbs a,.crumbs em{height: 20px; margin-right: 8px; font-family: "microsoft yahei","SimHei",Arial,sans-serif; color: #777;}
.crumbs a,.crumbs em{margin-left: 8px; }

/*分页*/
.page{height: 30px; padding: 25px 20px; margin-top: 20px; text-align: center; background: #FFF; overflow: hidden;}
.page span,.page a{display: inline-block; padding: 0 12px; height: 28px; border: 1px solid #e5e5e5; background: #FFF; font: 100 14px/28px "microsoft yahei","SimHei",Arial,sans-serif;}
.page span.current{background: #F08300; color: #FFF;}

/*公共遮挡层*/
.publicLayer,.layer{z-index: 8888; width:100%; height:100%; background:url(../images/gray85.png); position:fixed; top:0; left:0; opacity:0.6; filter:alpha(opacity=60);}

/*ajax 提示层 容器*/
.ajaxBox{width: 420px; height: 260px; border: 1px solid #E5E5E5; box-shadow: 0 -1px 6px rgba(0,0,0,0.2); position: fixed; left: 50%; bottom: 50%; margin-left: -210px; background: #FFF; z-index: 9999; display: none;}

.ajaxBoxTit{height: 45px; padding: 0 15px; border-bottom: 1px solid #DDD; background: #F2F2F2;}
.ajaxBoxTit h3{float: left; font: 700 16px/45px "microsoft yahei","SimHei",Arial,sans-serif; color: #000;}
.ajaxBoxTit a{display: inline-block; float: right; font: 700 22px/45px "SimHei","宋体",Arial,sans-serif; text-decoration: none;}
.ajaxBoxTit a:hover{text-decoration: none; color: #E4392A;}

.ajaxBoxCon{width:390px; height: 128px; padding: 30px 15px 0; overflow: hidden;}
.ajaxBoxCon .biaoqing{width: 128px; height: 128px; float: left;}
.ajaxBoxCon .biaoqing span{display: block; width: 128px; height: 128px; text-indent: -9999px;}
.ajaxBoxCon .biaoqing span.success{background: url(../images/success.gif) no-repeat;}
.ajaxBoxCon .biaoqing span.error{background: url(../images/error.gif) no-repeat;}
.ajaxBoxCon .neirong{float: left; width: 230px; height: 60px; padding:30px 0 34px 20px; font: 100 15px/30px "microsoft yahei","黑体","SimHei",Arial,sans-serif;}
.ajaxBoxCon .neirong a{color: #F40; text-decoration: underline;}

/*公共loading*/
.pubLoading{width: 64px; height: 62px; position: fixed; left: 50%; bottom: 50%; margin-left: -36px; background-image: url(../images/loading_g.gif); background-repeat: no-repeat; background-color: #FFF; z-index: 9999;}

/*离线宝 底部弹出层*/
.layer-header {position: fixed; z-index: 99999; left: 0; bottom: 0; width: 154px; height: 80px; background: url('../images/left_tel.png') no-repeat; cursor: pointer;}

.layer-con {position: fixed; z-index: 99999; left: -100%; bottom: 0; width: 100%; height: 100px; background: #000f17; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000f17, endColorstr=#50000f17); filter: alpha(Opacity=85); background: rgba(0,15,23,.85);}
.layer-con .layer-wrap {width: 940px; height: 100px; margin: 0 auto; position: relative;}
.layer-con .layer-wrap .btn-close {position: absolute; left: 0; top: 0; background: url(../images/btn_close.png) no-repeat center center; width: 60px; height: 60px; cursor: pointer; -webkit-transition: .6s; transition: .6s;}
.layer-con .layer-wrap .btn-close:hover {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.layer-con .layer-wrap .layer-bg {margin-left: 40px; width: 550px; height: 100px; background: url(../images/dibu_bg.png) no-repeat; }
.layer-con .layer-wrap .phone-box {position: absolute; right: 0; top: 10px; width: 340px;}
.layer-con .layer-wrap .phone-box p {font-size: 20px; color: #fff;}
.layer-con .layer-wrap .phone-box p em {color: #fc0; font-weight: bold; font-size: 28px; white-space: nowrap;}
.kf-box a{display: block;font-size: 18px; width: 310px; line-height: 34px; color: #fff; background: #f03; height: 34px; text-align: center; margin-top: 6px; letter-spacing: 10px; border-radius: 5px;}
.layer-header {left: -154px;}
.layer-con {left: 0;}

img{
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -o-crisp-edges; /* Opera */
	image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
	image-rendering: crisp-edges; 
	-ms-interpolation-mode: nearest-neighbor; 
}
/*占位图片*/
.loadimg{background-color: rgba(0,0,0,.2);}
/*跳动样式*/
.beat-char {
	position: relative;
	display: inline-block;
	background: transparent;
}
.rotate{
	transform:rotate(360deg) ;
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg);
	-webkit-transition-duration: 0.7s;

}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0; /*初始状态 透明度为0*/
	}
	50% {
		opacity: 0; /*中间状态 透明度为0*/
	}
	100% {
		opacity: 1; /*结尾状态 透明度为1*/
	}
}